<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <script>
        let btns = document.querySelectorAll('button');
        // btns 就是一个伪数组  有length属性 也有0,1,2...属性记录数据 长得像数组 但是不是数组下的所有方法都可以使用(看原型)
        // console.log(btns);
        // console.log([1,2,3])
        // 1、伪数组转换为真数组的方式一
        // let data = [];
        // for(let i =0;i<btns.length;i++){
        //     data.push(btns[i])
        // }
        // console.log(data);
        // 2、伪数组转换为真数组的方式二
        // console.log(Array.prototype.slice.call(btns));
        // 3、伪数组转换为真数组的方式三
        console.log(Array.from(btns));

    </script>
</body>
</html>